<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/flex.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1506117_uvwgouxfp7l.css"/>
    <link rel="stylesheet" href="../css/yd.css">
    <title>移动</title>
</head>
<body>
<!--头部-->
<header flex="main:center">
    <div class="safe" flex="main:justify cross:center">
        <div flex>
            <p class="a">ENGLISH</p>
            <p>政企客户</p>
        </div>
        <div flex>
            <i class="iconfont iconlianxiren"></i>
            <a href="#" class="b">登陆</a>
            <i class="iconfont iconshouji"></i>
            <a href="#" class="c">手机营业厅</a>
            <a href="#" class="d">积分商城</a>
            <a href="#" class="e">关于中国移动</a>

        </div>

    </div>


</header>
<section class="safe safe-t" >
    <div class="g" flex>
        <img src="../img/1.png">
        <p class="h">福州</p>
        <div flex>
            <input class="i" type="text">
            <button class="j">
                <i class="iconfont iconsousuo"></i>
                搜索</button>
        </div>
    </div>
    <div>
        <a href="#" class="l">买1G赠1G</a>
        <a href="#" class="k">宽带</a>
        <a href="#" class="k">通话记录查询</a>
        <a href="#" class="k">家庭网</a>
        <a href="#" class="k">神州行</a>
        <a href="#" class="k">选号入网</a>
    </div>
    <div flex>
       <button class="m">首页</button>
        <button class="n">移动商城</button>
        <button class="n">我的移动</button>
        <button class="o">网上营业厅</button>
        <button class="n">服务与支持</button>
    </div>
    <div>
        <img class="p" src="../img/daohang.jpg">
    </div>
    <div flex>
        <img class="p" src="../img/gongluo.jpg">
        <div class="q">
            <div flex>
                <img class="r" src="../img/touxiang.png">
                <p class="s">亲爱的用户，您好~<br>
                    欢迎登录宽带/互联网电视专区</p>
            </div>
            <div flex>
                <div class="t" flex="main:center cross:center">
                    <p class="u">我的宽带信息</p>
                </div>
                <div class="v" flex="main:center cross:center">
                    <p class="w">我的宽带信息</p>
                </div>
            </div>
            <div>
                <ul>
                    <li class="x">◆ 宽带账号：
                        <select class="y">
                            <option>13615040856</option>
                        </select>
                    </li>
                    <li class="x">◆ 当前宽带：  20M</li>
                    <li class="x">◆ 宽带状态：  正常</li>
                    <li class="x">◆ 到期时间：  2016年10月01日</li>
                    <li>◆ 宽带续费：
                        <button class="z">续费此宽带</button>
                    </li>
                    <li class="x">◆ 新装进度：
                        <button class="a-b">查询新装进度</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="safe safe-t">
    <div class="a-c" flex="main:center cross:center">
        <div class="a-d">
            <h3 class="a-e">12580约你中瑞看电影</h3>
            <h5 class="a-f">10积分购券马上抢</h5>
            <img class="a-g" src="../img/xiazai.jpg">
        </div>
        <div class="a-d">
            <h3 class="a-e">福建手机营业厅</h3>
            <h5 class="a-f">首登立送100M免费流量，靠谱！</h5>
            <img class="a-h" src="../img/qian.jpg">
        </div>
        <div class="a-d">
            <h3 class="a-e">缤纷超乎想象</h3>
            <h5 class="a-f">办理送两个月话费</h5>
            <img class="a-i" src="../img/sheng.jpg">
        </div>
        <div class="a-d">
            <h3 class="a-e">4G流量卡50套餐</h3>
            <h5 class="a-f">2G流量+接听免费+免费来电显示</h5>
            <img class="a-j" src="../img/50yuan.jpg">
        </div>
    </div>
</section>
<section class="safe safe-t">
    <div class="a-k">
        <button class="a-l">宽带新装
            <img src="../img/jinri.png">
        </button>
        <button class="a-m">宽带续费</button>
        <button class="a-l">宽带提速
            <img src="../img/new.png">
        </button>
        <button class="a-l">互联网电视</button>
    </div>
</section>
<section class="safe safe-t">
    <div class="a-n">
        <div class="a-o">

        </div>
    </div>
</section>

</body>
</html>